/**
* 通用css样式布局处理
* Copyright (c) 2019 ruoyi
*/

@import './variables.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './btn.scss';
@import './sidebar.scss';


/** 基础通用 **/
* {
  outline: none;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

pre {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

body, li, p, ul, dl, dd, ol {
  margin: 0;
  padding: 0;
  font-size: 12px
}

[v-cloak] {
  display: none !important;
}

button, input, select, textarea {
  outline: 0;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

ul {
  list-style: none
}

a {
  color: inherit;
  text-decoration: none
}

// a,
// a:focus,
// a:hover {
//   cursor: pointer;
//   color: inherit;
//   text-decoration: none;
// }

// a:focus,
// a:active {
//   outline: none;
// }

button {
  box-sizing: border-box;
  background-color: transparent;
  border: 0;
  outline: 0
}

// label {
//   font-weight: 700;
// }

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.cf:after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  clear: both
}

.clear {
  clear: both;
}

.pr {
  position: relative;
}

.cp {
  cursor: pointer;
}

.cursorNot {
  cursor: not-allowed !important;
}

.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr4 {
  margin-right: 4px;
}

.mr5 {
  margin-right: 5px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.ml3 {
  margin-left: 3px;
}

.ml5 {
  margin-left: 5px;
}

.ml12 {
  margin-left: 12px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mll0 {
  margin-left: 10px;
}

.mt15 {
  margin-bottom: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 400;
  margin: 0;
  line-height: 1.1;
  color: inherit;
}


.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
  overflow: auto;
  overflow-x: hidden;
  max-height: 70vh;
  padding: 10px 20px 0;
}

.el-table {
  .el-table__header-wrapper, .el-table__fixed-header-wrapper {
    th {
      word-break: break-word;
      background-color: #F5F5F5!important;
      color: #515a6e;
      height: 40px;
      font-size: 13px;
    }
  }

  .el-table__body-wrapper {
    .el-button [class*="el-icon-"] + span {
      margin-left: 1px;
    }
  }
}

.box_width_49 {
  width: 49%;
}

.box_width_50 {
  width: 50%;
}

/** end of 基础通用 **/

/** 全局布局 **/
.app-container {
  padding: 0;
  background-color: #EFF3FA;
  box-sizing: border-box;
  height: calc(100vh - 50px);
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

/** end of 全局布局 **/
//flex布局
.flex {
  display: flex;
}

.flex_start {
  justify-content: flex-start;
}

.flex_end {
  justify-content: flex-end;
}

.flex_justify {
  justify-content: space-between;
}

.flex_center {
  justify-content: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-direction-column {
  flex-direction: column;
}

.flex_align_center {
  align-items: center;
}

.align-content {
  align-content: center;
}

/* 文字颜色 */
.text-navy {
  color: #1ab394;
}

.text-primary {
  color: inherit;
}

.text-success {
  color: #1c84c6;
}

.text-info {
  color: #23c6c8;
}

.text-warning {
  color: #f8ac59;
}

.text-danger {
  color: #ed5565;
}

.text-muted {
  color: #888888;
}

/* end of 文字颜色 */

/*字体样式*/
.font_bold {
  font-weight: bold;
}

.text_left {
  text-align: left !important;
}

.text_center {
  text-align: center !important;
}

textarea, input {
  font-size: 12px;
  resize: none;
  border: 0;
}

.dan {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.f10 {
  font-size: 10px;
}

.f12 {
  font-size: 12px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.text_hidden {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.two_text_hidden {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 17px;
}

.three_text_hidden {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 17px;
}

.prpover_text_box {
  padding: 10px 15px;
  font-size: 12px;
  color: #354168;
  max-height: 200px;
  overflow-y: auto;
}

.inlineBlock {
  display: block;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

//颜色公共样式
.color_green_light {
  color: #11CAC8 !important;
}

.color_green {
  color: #20B3C9 !important;
}

.color_theme {
  color: #A7C48F !important;
}

.color_gray {
  color: #9EA7C0 !important;
}

.color_red {
  color: #F95355 !important;
}

.color_black {
  color: #354168 !important;
}

.color_black_222 {
  color: #222222 !important;
}

.color_orange, .color-o {
  color: #FF7540 !important;
}

.color_blue {
  color: #1790FF !important;
}

.color_other {
  color: #666666 !important;
}

/*层级关系公共css*/
.z_index2 {
  z-index: 2 !important;;
}

.z_index3 {
  z-index: 3 !important;;
}

.z_index4 {
  z-index: 4 !important;
}

.z_index20 {
  z-index: 20 !important;;
}

/*提高加载层的层级*/
.el-loading-mask {
  z-index: 2050 !important;
}

/* end of 层级关系公共css*/

/** 表单布局 **/
.form-header {
  font-size: 15px;
  color: #6379bb;
  border-bottom: 1px solid #ddd;
  margin: 8px 10px 25px 10px;
  padding-bottom: 5px
}

.pagination-container {
  position: relative;
  height: 25px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding: 10px 20px !important;
}

/* tree border */
.tree-border {
  margin-top: 5px;
  border: 1px solid #e5e6e7;
  background: #FFFFFF none;
  border-radius: 4px;
}

.pagination-container .el-pagination {
  right: 0;
  position: absolute;
}

@media (max-width: 768px) {
  .pagination-container .el-pagination > .el-pagination__jump {
    display: none !important;
  }
  .pagination-container .el-pagination > .el-pagination__sizes {
    display: none !important;
  }
}

.el-table .fixed-width .el-button--mini {
  padding-left: 0;
  padding-right: 0;
  width: inherit;
}

/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
  margin-left: 5px;
}

.el-table .el-dropdown, .el-icon-arrow-down {
  font-size: 12px;
}

.el-tree-node__content > .el-checkbox {
  margin-right: 8px;
}

.list-group-striped > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-group {
  padding-left: 0px;
  list-style: none;
}

.list-group-item {
  border-bottom: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  margin-bottom: -1px;
  padding: 11px 0px;
  font-size: 13px;
}

.el-card__header {
  padding: 14px 15px 7px;
  min-height: 40px;
}

.el-card__body {
  padding: 15px 20px 20px 20px;
}

.card-box {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
}

.click_icon {
  vertical-align: middle;
  display: inline-block;
  margin-left: 3px;
}

/* 按钮颜色 */
.el-button--cyan.is-active,
.el-button--cyan:active {
  background: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

.el-button--cyan:focus,
.el-button--cyan:hover {
  background: #48D1CC;
  border-color: #48D1CC;
  color: #FFFFFF;
}

.el-button--cyan {
  background-color: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

/* 图片样式 */
.img-circle {
  border-radius: 50%;
}

.img-lg {
  width: 120px;
  height: 120px;
}

.avatar-upload-preview {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  box-shadow: 0 0 4px #ccc;
  overflow: hidden;
}

/* 拖拽列样式 */
.sortable-ghost {
  opacity: .8;
  color: #fff !important;
  background: #42b983 !important;
}

.top-right-btn {
  position: relative;
  float: right;
}

.el-popper {
  padding: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
  width: auto;
  min-width: auto;
}

.el_select_box {
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
}

.el_select_box ul li {
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px;
  color: #354168;
  text-align: center;
}

.el_select_box ul li.active, .el_select_box ul li:hover {
  background-color: rgba(69, 148, 255, 0.10);
}

.el_select_box ul {
  max-height: 180px;
  overflow-y: auto;
}

.el_select_box ul::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0)
}

.el_select_box ul::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .2);
  transition: all .4s ease;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease
}

.el_select_box ul::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .1)
}


/*操作悬浮框*/
body .el-popover {
  min-width: auto;
  padding: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2) !important;
  border: none !important;
}

// .table_operation {
//   padding: 8px 6px;
// }

// .table_operation p {
//   line-height: 32px;
//   height: 32px;
//   font-size: 12px;
//   color: #222;
//   text-align: center;
//   cursor: pointer
// }

// .table_operation p:hover {
//   background: #EDF2F5;
//   border-radius: 8px;
//   color: #222;
// }

.select_bg {
  background: #EDF2F5;
  border-radius: 8px;
  color: #222;
}

//仅适用于品牌，型号列字数超出弹窗
.top_offset {
  margin-top: -12px !important;
}

//仅适用于排序管理图片弹窗
.left_offset {
  margin-left: 0px !important;
}

/*滚动条样式*/
.scroll-webkit::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0)
}

.scroll-webkit::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .2);
  transition: all .4s ease;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease
}

.scroll-webkit::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .1)
}

/*多选弹窗*/
//强制圆角化
.more_select_box {
  width: 100%;

}

.filter-tree {
  height: 200px;
  overflow-y: auto;
}

.select_no_date_box {
  text-align: center;
}

.select_img_box {
  padding: 21px 0 65px 0;
}

.select_img_box > div {
  font-size: 12px;
  color: #9FA8B9;
  padding-top: 5px;
}

.no_data_show {
  width: 100px;
  text-align: center;
}

/*新增按钮通用*/
.common_add_btn {
  background: #1790FF;
  border-radius: 2px;
  padding: 7px 12px;
  font-size: 12px;
  color: #FFFFFF;
  margin-left: 10px;
}

.common_add_btn img {
  vertical-align: middle;
  width: 14px;
}

.common_add_btn span {
  display: inline-block;
  vertical-align: middle;
}

/*start of 普通弹窗共用 不带标题的*/

.common_layer_box {
  margin-top: 30vh !important;
}

.common_layer_box .el-dialog__header {
  padding: 0;
}

.common_layer_box p {
  padding: 13px 0 13px 0;
  font-size: 16px;
  color: #3A3F50;
  font-weight: bold;
  text-align: center;
}

.common_layer_box input {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 2px;
  margin: 0 5px 0px 8px;
  width: 280px;
  height: 34px;
  line-height: 34px;
  letter-spacing: 0;
  padding: 0 10px;
  font-size: 12px;
}

.common_layer_box .el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 8px 20px;
  font-size: 14px;
  border-radius: 0px;
}

.common_layer_box .el-button--primary {
  color: #FFF;
  background-color: #409EFF;
  border-color: #409EFF;
}

.popup_box {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0px;
  top: 0px;
  text-align: center;
  height: 100vh;
  line-height: 100vh;
  width: 100%;
  z-index: 99;
}

.layer_box {
  display: inline-block;
  margin: 0;
  text-align: left;
  line-height: normal;
  vertical-align: middle;
  padding-bottom: 30px;
  background-color: #fff;
  border-radius: 2px;
  overflow: hidden;
}

.layer_title {
  height: 44px;
  line-height: 44px;
  padding-left: 22px;
  background-color: #4594FF;
}

.layer_title h1 {
  font-size: 14px;
  color: #fff;
}

.layer_title i {
  width: 20px;
  height: 20px;
  background: url(../images/tx_answer/common/close_black.png) no-repeat center;
  background-size: 20px 20px;
  margin-top: 12px;
  margin-right: 20px;
  cursor: pointer;
}

.layer_content {
  padding: 30px;
}

.dialog-footer > button:first-child {
  margin-right: 10px;
}

/*end of 弹窗共用*/


/*start of 重写drawer抽屉样式*/
.custom_drawer {
  width: 450px !important;
}

.custom_drawer .top_close {
  position: absolute;
  top: 10px;
  right: 8px;
  color: #666666;
  font-size: 18px;
}

.custom_drawer > .el-drawer__header {
  background: rgb(242, 243, 244);
  padding: 14px 20px;
  margin-bottom: 0px;
}

.custom_drawer > .el-drawer__header > span {
  font-size: 16px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  margin-bottom: 0px;
}

.custom_drawer > .el-drawer__header > span:focus {
  outline: 0;
}

.custom_drawer .drawer_content {
  padding: 20px;
}

.custom_drawer .operation_btn {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: white;
  box-shadow: rgb(0 0 0 / 10%) 0px -2px 20px 0px;
  padding: 16px 0px;
}

.custom_drawer .operation_btn button {
  text-align: center;
  border: 1px solid rgb(204, 204, 204);
  font-size: 14px;
  border-radius: 0px;
  padding: 5px 25px;
  margin: 0px 10px;
  cursor: pointer;
}

.custom_drawer .operation_btn .active {
  background: rgb(26, 161, 251);
  border: 1px solid rgb(26, 161, 251);
  color: white;
}

/*end of 重写drawer抽屉样式*/


/*start of 表格通用格式*/

/*start of 表格搜索样式*/
// .screen_input {
//   width: 200px;
//   position: relative;
//   height: 32px
// }

// .screen_input .el-input--medium .el-input__inner {
//   height: 32px;
//   line-height: 32px;
// }

// .screen_input .el-input--medium .el-input__icon {
//   height: 32px;
//   line-height: 32px;
// }

// .screen_input .el-input__suffix {
//   right: 20px;
// }

// .screen_input .el-input--suffix .el-input__inner {
//   padding-right: 45px;
// }

// .screen_input input {
//   width: 100%;
//   height: 100%;
//   border: 1px solid #E5E5E5;
//   border-radius: 8px;
//   padding-left: 30px;
//   padding-right: 62px;
//   font-size: 12px;
//   display: block;
//   box-sizing: border-box;
// }

// .screen_input input:hover {
//   border: 1px solid #A7C48F;
// }

// .screen_input .search_icon {
//   width: 14px;
//   height: 14px;
//   position: absolute;
//   left: 12px;
//   top: 56%;
//   margin-top: -8px;
//   cursor: pointer;
//   color: #8A8E91
// }

// .screen_input .clear_input {
//   font-size: 14px;
//   position: absolute;
//   right: 40px;
//   top: 28%;
//   cursor: pointer;
// }

// .screen_input .split_line {
//   height: 20px;
//   border: 1px solid #EEEEEE;
//   position: absolute;
//   right: 34px;
//   top: 15%;
// }

// .screen_input .confirm_search_bg {
//   width: 24px;
//   height: 24px;
//   background: #EDF2F5;
//   border-radius: 6px;
//   position: absolute;
//   right: 6px;
//   top: 12%;
//   cursor: pointer;
// }

// .screen_input .confirm_search {
//   position: absolute;
//   right: 6px;
//   top: 23%;
//   cursor: pointer;
// }

// .search_box .screen_btn {
//   width: 46px;
//   height: 28px;
//   line-height: 28px;
//   font-size: 12px;
//   color: #333;
//   text-align: center;
//   background-color: #fff;
//   border-radius: 2px;
//   cursor: pointer;
//   margin-left: 10px;
//   border: 1px solid #DDDEE1;
// }

// .screen_input input::-webkit-input-placeholder {
//   color: #BFC2CC;
// }

/*end of 表格搜索样式*/
// .table_box {
//   margin-top: 10px;
// }

// .table_box table tr td {
//   //background-color: #fff !important;
//   height: 23px !important;
//   padding: 10px 12px !important;
//   font-size: 12px !important;
//   color: #666666 !important;
// }

// .table_box table tr th {
//   //background-color: #fff !important;
//   height: 32px !important;
//   padding: 9px 12px !important;
//   font-size: 12px !important;
//   color: #666666 !important;
// }

// .table_box table tr td {
//   color: #222222 !important;
// }

// /*.table_box table tr:nth-child(2n) td{background-color:#fafafa!important}*/
// .table_box table tr th {
//   color: #5E687C !important;
//   font-weight: 600 !important;
//   background-color: #EDF2F5 !important;
// }

// .table_box table tr th:first-child, {
//   border-top-left-radius: 8px;
// }

// .table_box table tr th:nth-last-child(2), {
//   border-top-right-radius: 8px;
// }
// .table_box table .cell {
//   padding: 0 !important;
//   line-height: 18px;
// }

// .table_box tr.hover-row td {
//   background-color: transparent !important;
// }

/*列表多选框样式重写*/
.table_box .el-table-column--selection {
  padding: 9px 0px !important;
  text-align: center;
}

/*必填验证错误提示图标*/
.el-form-item.is-error .el-input__inner {
  border-color: #EE7854 !important;
}

.el-form-item.is-error .el-form-item__content:after {
  opacity: 0;
  animation: donghua1 0.1s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  position: absolute;
  top: 11px;
  right: -20px;
  width: 14px;
  height: 14px;
  background: url(../images/tx_answer/common/error_icon.png) no-repeat center;
  background-size: 14px 14px;
}

@keyframes donghua1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.el-form-item.is-custom-success .el-form-item__content:after {
  display: none;
}

/*必填验证错误提示图标*/
/* 用来设置当前页面element全局table 鼠标移入某行时的背景色*/
//.table_box .el-table__body .el-table__row:hover td {
//  background: none !important;
//}

// .table_page {
//   padding: 5px 0;
// }

// .el-pagination {
//   white-space: nowrap;
//   padding: 0;
//   color: #303133;
//   font-weight: bold;
// }

// .el-pagination.is-background .btn-prev {
//   margin-left: 0 !important;
// }

/*end of 表格通用格式*/

/*start of 滚动条样式*/

.scroll::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0)
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .2);
  transition: all .4s ease;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease
}

.scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .1)
}

/*end of 滚动条样式*/

/*start of  子页面顶部导航样式*/
.title_box {
  background: #F7F8F9;
  height: 48px;
  line-height: 48px;
  border-radius: 0px;
  //padding: 15px 0 15px 20px;
  position: relative;
  text-align: center;
  z-index: 2;
}

.go_back {
  position: absolute;
  top: 3px;
  left: 20px;
  //width: 60px;
  text-align: left;
}

.go_back > i {
  //font-size: 14px;
  /*font-weight: bold;*/
}

.go_back > span {
  font-size: 14px;
  color: #3A3F50;
  letter-spacing: 0;
}

.go_back_icon {
  font-size: 20px;
  font-weight: bold;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 8px;
  text-align: center;
}

.go_back_icon:hover {
  background: #FFFFFF;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
  border-radius: 8px;
}

.page_title {
  font-weight: bold;
  //padding-left: 12px;
  font-size: 14px;
  color: #3A3F50;
  letter-spacing: 0;
  text-align: center;
}

/*end of  子页面顶部导航样式*/

/*start of  子页面顶部导航样式--靠左样式*/
.title_box_left {
  background: #F7F8F9;
  height: 20px;
  border-radius: 0px;
  padding: 15px 0 15px 20px;
}

.go_back_left {
  padding-right: 12px;
  border-right: 1px solid #DDDDDD;
}

.go_back_left > i {
  font-size: 14px;
  /*font-weight: bold;*/
}

.go_back_left > span {
  font-size: 14px;
  color: #3A3F50;
  letter-spacing: 0;
}

/*end of  子页面顶部导航样式*/


/*start of 底部确定，取消按钮样式*/
.operation_btn {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: white;
  border-top: 1px solid #EEEEEE;
  padding: 16px 0;
}

.operation_btn button {
  text-align: center;
  border: 1px solid #CCCCCC;
  font-size: 14px;
  border-radius: 0;
  padding: 5px 25px;
  margin: 0 10px;
  cursor: pointer;
}

.operation_btn .active {
  background: #1AA1FB;
  border: 1px solid #1AA1FB;
  color: white;
}

.operation_btn .disable_save {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

/*end of  底部确定，取消按钮样式*/
/*start of  列表下拉操作框样式*/
.set_operation_box {
  padding: 10px 0;
}

.set_operation_box > div {
  padding: 7px 0;
  font-size: 12px;
  color: #3A3F50;
  letter-spacing: 0;
  text-align: center;
}

.set_operation_box > div:hover {
  background: #F2F3F4;
}

/*end of  列表下拉操作框样式*/


//下拉日期鼠标变小手
.el-input--medium .el-input__inner {
  cursor: pointer;
}

/*顶部筛选相关*/
.screen_item {
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  padding: 0 10px;
  align-items: center;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  margin-left: 10px;
}

.screen_con_span {
  align-items: center;
  color: #999999;
}

.screen_con_span.ative {
  color: #354168;
}

.screen_con_span > img {
  width: 9px;
  margin-left: 2px;
}

.screen_all_num {
  color: #999;
  line-height: 28px;
}

.reset_but {
  width: 44px;
  height: 32px;
  background: #EDF2F5;
  border-radius: 8px;
  font-size: 12px;
  margin-left: 0px;
  margin-right: 8px;
  cursor: pointer;
}

//详情中单独样式
.screen_cont {
  padding-top: 0;
  //height: 32px;
  padding-bottom: 16px;
  overflow-x: auto;
}

// .screen_box {
//   padding: 0 10px;
//   height: 32px;
//   background: #FFFFFF;
//   border: 1px solid #DDDDDD;
//   border-radius: 8px;
//   box-sizing: border-box;
//   font-size: 12px;
//   color: #222222;
//   margin-right: 8px;
//   cursor: pointer;
// }

// .screen_box_current{
//   border: 1px solid #222222;
// }

// .screen_box img {
//   width: 12px;
//   height: 12px;
// }

/*下拉筛选加载中的样式*/
.popover_loading {
  position: relative;
  height: 200px;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8)
}

//.loading {
//  position: fixed;
//  left: 0;
//  top: 60px;
//  bottom: 0;
//  width: 100%;
//  z-index: 99;
//}


.popover_loading .loading_content {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -12px;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  border: 2px solid #4594ff;
  border-bottom-color: transparent;
  vertical-align: middle;
  -webkit-animation: rotate .75s linear infinite;
  animation: rotate .75s linear infinite
}


/*下拉筛选无数据时显示的样式*/


/*end of 顶部筛选相关*/
/*重写表单样式*/
.mism_form .el-input__inner {
  font-size: 12px;
  //border: 1px solid #DDDDDD;
  border-radius: 8px;
  color: #222222;
}

.mism_form .el-input__inner:focus {
  border-color: #A7C48F !important;
}

//修改placeholder颜色
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9EA7C0 !important;
}

input:-ms-input-placeholder, textarea::-webkit-input-placeholder { /* IE 10+ */
  color: #9EA7C0 !important;
}

input:-moz-placeholder, textarea::-webkit-input-placeholder { /* Firefox 18- */
  color: #9EA7C0 !important;
  opacity: 1 !important;
}

input::-moz-placeholder, textarea::-webkit-input-placeholder { /* Firefox 19+ */
  color: #9EA7C0 !important;
  opacity: 1 !important;
}

.mism_form .el-input--medium .el-input__inner {
  height: 32px;
  line-height: 32px;
  //border: 1px solid #DDDDDD;
  border-radius: 8px;
}

/*重写input后面有单个图标时样式*/
.mism_form .input_suffix_pr .el-input__inner {
  padding-right: 40px;
}

.mism_form .input_suffix_pr .el-input__suffix {
  padding-right: 15px;
}

.input_suffix_icon {
  position: absolute;
  right: 12px;
  top: 2px;
}

/*end of 重写input后面有单个图标时样式*/

/*重写input后面有图标+文字时样式*/
.mism_form .input_suffix_pr_lg .el-input__inner {
  padding-right: 70px;
}

.mism_form .input_suffix_pr_lg .el-input__suffix {
  padding-right: 50px;
}

.input_suffix_icon {
  position: absolute;
  right: 12px;
  top: 2px;
}

/*end of 重写input后面有单个图标时清空图标样式*/

.mism_form .el-form-item--medium .el-form-item__content {
  //height: 32px;
  line-height: 32px;
}

.mism_form .el-form-item__label {
  font-size: 12px;
  color: #666666;
  flex-shrink: 0;
  font-weight: 400;
}

.mism_form .el-form-item {
  margin-bottom: 0px;
}

//重写textarea样式
.title_input .el-textarea__inner {
  -webkit-appearance: none;
  border-radius: 8px;
  font-size: 12px;
  min-height: 32px !important;
  //height: 30px !important;
  //line-height: 30px !important;
  padding: 5px 15px;
  font-family: PingFangSC-Regular;
  color: #222222;
}


/*end of 重写表单样式*/

/* 下拉地区重写*/
.screen_popover_span {
  min-width: 311px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 8px;
  color: #617099;
  position: relative;
  font-size: 12px;
}

.screen_popover_span .el-popover__reference-wrapper > a {
  padding: 0 24px 0 15px;
  display: block;
  color: #606266;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  box-sizing: border-box;
}

//下拉树必填验证红框
.is-error .el-popover__reference-wrapper > a {
  border-color: #EE7854 !important;
}

.is-custom-success .el-popover__reference-wrapper > a {
  border-color: #DCDFE6 !important;
}

.screen_popover_span .el-popover__reference-wrapper > a > i.select_icon {
  background: url(../images/tx_answer/common/sanjiao_gray.png) no-repeat center;
  background-size: 10px 6px;
  width: 10px;
  height: 100%;
  position: absolute;
  right: 10px;
  top: 0;
}

.screen_popover_span .el-popover__reference-wrapper > a > span, .placeholder_color {
  color: #999999 !important;
}

.select_more_select_search {
  height: 30px;
  margin: 0 12px;
}

.select_more_select_search input {
  width: 100%;
  height: 30px;
  border: 0;
  background-color: #fff;
  padding-left: 17px;
  background: url(../images/tx_answer/common/sousuo.png) no-repeat left center;
  background-size: 14px 14px;
}

.select_more_select_search input.no_bg {
  background: none;
}

/*end of 下拉地区重写*/
/*el-select 普通下拉样式重写*/
.select_custom {
  width: 100%;
}

.select_custom .el-icon-arrow-up:before {
  content: "\e78f";
}

.select_custom .el-input--medium .el-input__icon {
  line-height: 32px;
}

/*end of 普通下拉样式重写*/
/*列表分页样式重写*/
// .el-pagination.is-background .el-pager li:not(.disabled).active {
//   background-color: #A7C48F;
//   color: #222222;
// }

// .el-select-dropdown__item.selected {
//   color: #A7C48F;
//   font-weight: bold;
// }

/*end of 列表分页样式重写*/
/*编号input弹窗*/

.popover_cycle_box {
  padding: 12px 16px;
}

.popover_cycle_box input {
  height: 32px !important;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  padding: 8px 11px;
  font-size: 12px;
}

.popover_cycle_edit {
  align-items: center;
  margin-top: 12px;
}

.popover_cycle_edit {
  font-size: 12px !important;
}

.popover_cycle_edit .el-form-item__content {
  margin-left: 0px !important;
}

.popover_cycle_edit .el-button--default {
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 12px !important;
}

.popover_cycle_edit .el-button--primary {
  padding: 6px 14px;
  color: #222222;
  border-radius: 8px;
  font-size: 12px !important;
}

/*end of 编号input弹窗*/
/*裁剪弹窗*/
.logo_old .logo_old_label {
  width: 458px;
  height: 441px;
  position: relative;
}

.cropping_type_box {
  font-size: 12px;
  color: #666666;
  padding: 2px 12px;
  text-align: center;
  background: #F8F8F8;
  height: 18px;
  line-height: 18px;
  margin-right: 10px;
  border-radius: 13px;
  border: 1px solid #E5E5E5;
}

.select_pic_type {
  background: rgba(184, 201, 165, 0.10) !important;
  border: 1px solid #B8C9A5 !important;
  color: #222222 !important;
}


.logo_new {
  margin-left: 30px;
  margin-top: -5px;
}

.logo_new > h1 {
  height: 30px;
  line-height: 30px;
}

.logo_new_bg {
  width: 248px !important;
  height: 248px !important;
  justify-content: center;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.logo_new_bg div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}


/*end of 裁剪弹窗*/
// 同事云新增***********************************************************************************************
.app-container {
  padding: 0;
  background-color: #EFF3FA;
  box-sizing: border-box;
  height: calc(100vh - 50px);
}

pre {
  margin: 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

input, textarea, button {
  box-sizing: border-box;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.text_right {
  text-align: right;
}

.text_left {
  text-align: left;
}

.text_center, .text_cen {
  text-align: center;
}

.color-blue {
  color: #4594FF !important
}

.color-r {
  color: #F95355 !important
}

.color-ative {
  color: #354168 !important
}

.hand, .cp {
  cursor: pointer;
}

.pd10 {
  padding: 0 10px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.opacity50 {
  opacity: 0.5;
}
.cursor_no_drop{
  cursor: no-drop;
}
.overflow_hidden{
  overflow: hidden;
}
/*顶部提示框*/
.top_tips_box {
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  background: #FFE9E0;
  color: #FF7540;
  position: relative;
}

.tips_end {
  background: #FEE3E4;
  color: #F95355;
}

.top_tips_close {
  background: url(~@/assets/images/tx_answer/index/close.png) no-repeat center;
  background-size: 100%;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  cursor: pointer;
}

/*顶部提示框*/
.screen_input > input {
  background-color: #fff;
}

// 表格重置
.table_box .cell {
  padding: 0 !important;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.table_box .el-table td, .table_box .el-table th {
  font-size: 12px;
  padding: 0;
  height: 40px;
  line-height: 40px;
  border-right: 0;
}

.table_box .el-table th.el-table__cell.is-leaf {
  //background-color: #FBFBFB;
  //border-bottom: 0;
  color: #617099;
}

.table_box .el-table--border::after, .table_box .el-table--group::after {
  display: none;
}

.table_box .el-table--border, .table_box .el-table--group {
  border-left: 0;
}
td,th{padding:0}
.table_text_left {
  text-align: left;
  padding: 0 10px;
}

.checkbox_img {
  width: 14px;
  height: 14px;
  cursor: pointer;
  vertical-align: middle;
}

.table_th_screen > span {
  margin-right: 3px;
}

.table_th_screen img {
  width: 7px;
  height: 5px;
  vertical-align: middle;
}

/*表格滚动条样式*/
.el_project ::-webkit-scrollbar {
  width: 8px;
  height: 12px;
  background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
.el_project ::-webkit-scrollbar-track {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

/*定义滑块 内阴影+圆角*/
.el_project ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  background-color: rgba(0, 0, 0, 0.2);
}

/*表格滚动条样式*/
.el-table ::-webkit-scrollbar {
  width: 15px;
  height: 14px;
  background-color: #fff;
  border-radius: 3px;
}

/*定义滚动条轨道 内阴影+圆角*/
.el-table ::-webkit-scrollbar-track {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

/*定义滑块 内阴影+圆角*/
.el-table ::-webkit-scrollbar-thumb {
  background-color: #ddd;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.el-table__fixed-right::before, .el-table__fixed::before, .el-table::before {
  background-color: #fff;
}

.el-table__fixed-right, .el-table__fixed {
  padding-bottom: 0;
}

// 表格分页
.page_box, .page-box, .table_page {
  padding-top: 5px;
  padding-bottom: 5px;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  background-color: #fff;
}

// 搜索框

/*dialog*/
.common_dialog .el-dialog__header {
  padding: 0;
  height: 44px;
  line-height: 44px;
  padding-left: 20px;
  background-color: #4594FF;
}

.common_dialog .el-dialog__headerbtn {
  color: #fff;
  top: 14px;
  right: 20px;
}

.common_dialog .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}

.common_dialog .el-dialog__title {
  font-size: 14px;
  color: #fff;
}

.common_dialog .el-dialog__body {
  padding: 0;
}

.common_dialog {
  margin-top: 0 !important;
}

.el-dialog__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.common_dialog_nohead .el-dialog__header {
  display: none;
}

/*dialog*/
/*操作悬浮框*/
body .el-popover {
  min-width: auto;
  padding: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2) !important
}

.table_operation {
  padding: 10px 0
}

.table_operation p {
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  color: #333;
  text-align: center;
  cursor: pointer
}

.table_operation p:hover {
  background-color: #ecf4ff;
  color: #354168
}

.edit_btn img {
  width: 7px;
  height: 5px;
  vertical-align: 1px;
  margin-left: 2px;
}

.edit_btn {
  color: #4594ff;
  display: inline-block;
  margin-left: 0 !important;
}
.operate_button_class{
  height: 22px;
  line-height: 22px;
}

/*表格空数据样式*/
.empty_box {
  width: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -60px;
}

.empty_box dt img {
  width: 100px;
  display: block;
  margin: 0 auto;
}

.empty_box dt {
  height: 100px;
}

.empty_box dd {
  font-size: 12px;
  color: #9FA8B9;
  width: 200px;
  text-align: center;
  height: 17px;
  line-height: 17px;
}

.el-table__body {
  /* 使表格兼容safari，不错位 */
  width: 100%;
  table-layout: fixed !important;
}

// 弹窗
.popup_box {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0px;
  top: 0px;
  text-align: center;
  height: 100vh;
  line-height: 100vh;
  width: 100%;
  z-index: 99;
}

.layer_box {
  display: inline-block;
  margin: 0;
  text-align: left;
  line-height: normal;
  vertical-align: middle;
  padding-bottom: 30px;
  background-color: #fff;
  border-radius: 2px;
  overflow: hidden;
}

.layer_title {
  height: 44px;
  line-height: 44px;
  padding-left: 22px;
  background-color: #4594FF;
}

.layer_title h1 {
  font-size: 14px;
  color: #fff;
}

.layer_title i {
  width: 20px;
  height: 20px;
  background: url(~@/assets/images/tx_answer/accessRecord/close.png) no-repeat center;
  background-size: 20px 20px;
  margin-top: 12px;
  margin-right: 20px;
  cursor: pointer;
}

.layer_content {
  padding: 30px;
}

.layer_but_box {
  text-align: center;
}

.layer_but_box button {
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  background-color: #4594FF;
  border: 1px solid #4594FF;
  color: #fff;
  cursor: pointer;
  border-radius: 2px;
  width: 72px;
}

.layer_but_box button:first-child {
  margin-right: 20px;
  background-color: #fff;
  border-color: #DDDDDD;
  color: #354168;
}


/*多选弹窗*/
.more_select_box {
  width: 100%;
}

.more_select_list {
  max-height: 300px;
  overflow-y: auto;
}

.more_select_list ul li {
  height: 30px;
  line-height: 30px;
  padding-left: 34px;
  padding-right: 40px;
  font-size: 12px;
  color: #354168;
  cursor: pointer;
  background: url(~@/assets/images/tx_answer/accessRecord/deputy_unchecked.png) no-repeat 12px center #fff;
  background-size: 14px 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.more_select_list ul li:hover {
  background-color: #ECF4FF !important;
}

.more_select_list ul li.active {
  background: url(~@/assets/images/tx_answer/accessRecord/deputy_checked.png) no-repeat 12px center #ECF4FF;
  background-size: 14px 14px;
}

.more_select_btn {
  height: 40px;
  border-top: 1px solid #eee;
  text-align: center;
}

.more_select_btn button {
  width: 44px;
  height: 24px;
  border: 0;
  margin-top: 8px;
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
  font-size: 12px;
  color: #354168;
}

.more_select_btn button.determine {
  background-color: #4594FF;
  color: #fff;
  margin-left: 12px;
}

.more_select_search {
  height: 30px;
  margin: 0 12px;
  border-bottom: 1px solid #DDDEE1;
}

.more_select_search input {
  width: 100%;
  height: 30px;
  border: 0;
  background-color: #fff;
  padding-left: 17px;
  background: url(~@/assets/images/tx_answer/accessRecord/sousuo.png) no-repeat left center;
  background-size: 16px 16px;
}

.more_select_search input.no_bg {
  background: none;
}

.common_remarks_box {
  padding: 14px 16px 10px 16px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  max-height: 200px;
  overflow-y: auto;
}

.common_remarks_box::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0)
}

.common_remarks_box::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .2);
  transition: all .4s ease;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease
}

.common_remarks_box::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .1)
}

.common_remarks_box pre {
  font-size: 12px;
  text-align: justify;
  line-height: 18px;
  color: #354168;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

/*客户、业务类型筛选弹窗*/
.more_select_search {
  border-bottom: 1px solid #eee;
}

.new_select_cont {
  max-height: 300px;
  overflow-y: auto;
}

.relation_ul ul li {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #354168;
  position: relative;
  cursor: pointer;
}

.relation_ul ul li:hover {
  background-color: #ecf4ff;
}

.relation_ul ul li h1 {
  font-weight: normal;
  font-size: 12px;
  color: #354168;
  padding-left: 33px;
  line-height: inherit;
}

.relation_ul_li {
  padding-left: 36px;
  border-left: 1px solid #ddd;
  position: relative;
  margin-left: 33px;
}

.new_select_cont .check_icon {
  background: url(~@/assets/images/tx_answer/accessRecord/deputy_unchecked.png) no-repeat center;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 18px;
  top: 50%;
  margin-top: -7px;
}

.new_select_cont .relation_ul_h1 .check_icon, .new_select_cont h1 .check_icon {
  left: 12px;
}

.new_select_cont .check_icon_active {
  background: url(~@/assets/images/tx_answer/accessRecord/deputy_checked.png) no-repeat center;
  background-size: 14px 14px;
}

.relation_ul_h1 {
  padding-left: 20px;
  position: relative;
}

.relation_ul_li::after {
  content: '';
  height: 1px;
  width: 14px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 2;
}

.relation_ul ul li:last-child::after {
  width: 2px;
  height: 14px;
  background-color: #fff;
  content: '';
  position: absolute;
  left: 33px;
  bottom: 0;
  z-index: 1;
}

.relation_ul ul li:first-child::after {
  display: none;
}

.relation_ul ul li:hover:last-child::after {
  background-color: #ecf4ff;
}

.relation_ul_h1 {
  padding-left: 20px;
}

.relation_ul_h1 .select_box {
  left: 0;
}

.relation_ul ul li i.arrow_icon {
  width: 10px;
  height: 5px;
  background: url(~@/assets/images/tx_answer/accessRecord/qiehuan_shenfen.png) no-repeat center;
  background-size: 10px 5px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -2.5px;
}

.relation_ul ul li i.arrow_icon_top {
  transform: scaleY(-1);
}

.new_select_no_text {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  color: #999999;
}


/*人员选择*/
.staff_select_ul li.active {
  background-color: rgba(69, 148, 255, 0.10);
}

.staff_select_ul li:hover {
  background-color: #fff;
  color: #4594FF;
}

.staff_select_ul li.active:hover {
  background-color: rgba(69, 148, 255, 0.10);
}

.staff_select_box {
  width: 100%;
  padding-top: 10px;
  background-color: #fff;
}

.staff_select_search {
  width: 90%;
  margin: 0 auto;
  position: relative;
  height: 34px;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 2px
}

.staff_select_search input {
  width: 100%;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  border: 0;
  padding: 0 12px;
  background-color: rgba(0, 0, 0, 0)
}

.staff_select_search p {
  width: 100%;
  height: 100%;
  color: #9ea7c0;
  font-size: 14px;
  background: url(~@/assets/images/tx_answer/accessRecord/sousuo.png) no-repeat 10px 50% #fff;
  background-size: 17px;
  position: relative;
  z-index: 1;
  line-height: 32px;
  padding-left: 34px;
  box-sizing: border-box
}

.staff_select_ul {
  font-size: 12px;
  color: #666;
  height: 150px;
  overflow: auto;
  margin-top: 10px;
}

.staff_select_ul li {
  padding: 0 16px;
  line-height: 32px;
  margin-left: 0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  animation: fadeInAnimation ease 1.2s;
}

/*全选*/
.popover_check_all_but {
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  cursor: pointer;
}

.popover_check_all_but:hover {
  background-color: #ECF4FF;
}

.popover_check_all_but.ative {
  background-color: #ECF4FF;
}

.popover_check_all_but > img {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

.popover_check_all_but > span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.popover_check_box {
  font-size: 12px;
}

.popover_check_ul {
  max-height: 300px;
  overflow: auto;
}

.popover_check_ul li {
  height: 30px;
  padding: 0 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.popover_check_ul li:hover {
  background-color: #ECF4FF;
}

.popover_check_ul li.ative {
  background-color: #ECF4FF;
}

.popover_check_ul li .check {
  display: none;
}

.popover_check_ul li.ative .no_check {
  display: none;
}

.popover_check_ul li.ative .check {
  display: inline-block;
}

.popover_check_ul li > div {
  height: 30px;
  line-height: 30px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popover_check_ul li img {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -2px;
}

.popover_check_ul li span {

}

.popover_check_ul li i {
  font-style: normal;
  display: flex;
  align-items: center;
}

.class_popper_box .relation_ul h1 {
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.relation_ul_li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.e_icon {
  width: 14px;
  height: 14px;
  vertical-align: text-top;
}

i.clear_input {
  width: 16px;
  height: 16px;
  background: url("~@/assets/images/tx_answer/accessRecord/clear_input.png") center center / cover no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 8px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 9;
}

i.clear_input_icon {
  width: 1px;
  height: 16px;

  position: absolute;
  top: 50%;
  margin-top: -8px;
  background-color: rgb(220, 220, 220);
  right: 36px;
}

.customer_choose_box {
  //margin-left: 20px;
  margin-top: 0 !important;
}

.buscate_choose_box {
  margin-top: 0 !important;
}

.customer_choose_box .popper__arrow {
  left: 68px !important;
}

.common_blue_btn,.common_shadow_btn{
   transition: 0.2s;
}

.common_blue_btn:hover{
   background-color: #3d84e1 !important;
}

.common_shadow_btn:hover{
  box-shadow: 0 0 4px #0003 !important;
}

/*加月份、减月份*/
.reduce_month,.add_month,.add_month_no,.reduce_month_no{width:16px;height:16px;margin-top:17px;cursor:pointer;}
.reduce_month{background:url(~@/assets/images/tx_answer/accessRecord/left1.png) no-repeat center;background-size:cover;}
.reduce_month:hover{background:url(~@/assets/images/tx_answer/accessRecord/left1_hover.png) no-repeat center;background-size:cover;}
.add_month{background:url(~@/assets/images/tx_answer/accessRecord/right1.png) no-repeat center;background-size:cover;}
.add_month:hover{background:url(~@/assets/images/tx_answer/accessRecord/right1_hover.png) no-repeat center;background-size:cover;}
.add_month_no{opacity:0.3;background:url(~@/assets/images/tx_answer/accessRecord/right1.png) no-repeat center;background-size:cover;}
.add_month_no:hover{background:url(~@/assets/images/tx_answer/accessRecord/right1.png) no-repeat center;background-size:cover;}
.reduce_month_no{opacity:0.3;background:url(~@/assets/images/tx_answer/accessRecord/left1.png) no-repeat center;background-size:cover;}
.reduce_month_no:hover{background:url(~@/assets/images/tx_answer/accessRecord/left1.png) no-repeat center;background-size:cover;}
